<template>
   <dl class="item">
        <dt>
            <img :src="url" alt="">
       </dt>
       <dd>
           <h2>{{name}}</h2>
           <span>价格：{{price}}</span>
           <count :id="id" :num="num"></count>
       </dd>
   </dl>
</template>
<script>
import count from './count'
export default {
    props:['name','price','url','id','num'],
   components:{
       count
   }
}
</script>
<style lang="scss">
    .item{
        width:100%;
        display: flex;
        dt{
            width:80px;
            height: 80px;
            img{
                width:100%;
                height: 100%;
            };
        }
        dd{
            h2{
                font-size:16px;
            }
        }
    }

</style>

